<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>百洋健康-百洋健康 专业健康咨询电商平台</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.css" />

    <script src="js/jquery-3.2.1.js"></script>
    <!-- <script type="text/javascript" src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="js/jquery.fly.min.js"></script> -->
    <script src="lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script src ="js/common.js"></script>
    <script src="js/index.js"></script>
    <script src="js/cart.js"></script>

</head>
<body>
    <!-- baiyangwang -->
    <div id="baiyang">
            <!-- top-nav -->
            <div id="top">
            <!-- container -->
                <div class="container">
                    <!-- top_nav_l -->
                    <div class="top_l fl clear">
                        <p class="wel">您好，欢迎来到 百洋健康<a href="html/login.html">[登陆]</a><a href="html/reg.html">[注册]</a></p>
                    </div><!-- top_l fl -->
                    <!-- top_r -->
                    <div class="top_r fr clear">
                        <ul class="top_r_list clear">
                            <li class="top_r_list1 list0"><span>我的订单</span><span class="glyphicon glyphicon-chevron-down font"></span>
                            <div class="li-list">
                                <dl>
                                    <dt><a herf="#">待付款订单</a></dt>
                                    <dt><a herf="#">待确认收货</a></dt>
                                    <dt><a herf="#">待评价交易</a></dt>
                                </dl>
                                </div>
                            </li>
                            <li class="top_r_list2 list0"><span>我的收藏</span><span class="glyphicon glyphicon-chevron-down font"></span>
                            <div class="li-list">
                                <dl>
                                    <dt><a herf="#">商品收藏</a></dt>
                                    <dt><a herf="#">店铺收藏</a></dt>
                                </dl>
                                </div>
                            </li>
                            <li class="top_r_list3 list0"><span>客户服务</span><span class="glyphicon glyphicon-chevron-down font"></span>
                            <div class="li-list">
                                <dl>
                                    <dt><a herf="#">帮助中心</a></dt>
                                    <dt><a herf="#">售后服务</a></dt>
                                    <dt><a herf="#">客服中心</a></dt>
                                    <dt><a herf="#">商家入住</a></dt>
                                    <dt><a herf="#">商家管理</a></dt>
                                </dl>
                                </div>
                            </li>
                        </ul>
                    </div><!-- top_r fr -->
                </div><!-- top-container -->
                
            </div><!-- top -->
            <!-- header -->
            <div id="header">
            <div class="container">
            <!-- logo -->
                <div class="header-l fl">
                    <a href="index.html"><h1>百洋健康</h1></a>
                </div>
                <!-- search -->
                <!-- <div class="header-c"> -->
                        <div class="col-lg-6 header-c">
                            <div class="input-group" >
                            <div class="input-group-btn">
                                <div type="text" class="form-control search-l"data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    商品<span class="caret"></span>
                                </div>
                                <!-- dropdown-menu -->
                                <ul class="dropdown-menu menu">
                                    <li><a href="#">商品</a></li>
                                    <li><a href="#">店铺</a></li>
                                </ul>
                                </div><!-- input-group-btn -->
                                <input type="search" class="form-control search-c" placeholder="请输入您要搜索的商品"/>
                                <input type="button" class="search-r input-group-btn" data-toggle="dropdown" value="搜索"/>

                            </div><!-- input-group -->
                            <ul class="header-list">
                                <li><a href="./html/list.html">儿童补钙</a></li>
                                <li><a href="./html/list.html">蛋白粉</a></li>
                                <li><a href="./html/list.html">面膜</a></li>
                                <li><a href="./html/list.html">汇仁</a></li>
                            </ul>
                                
                            
                        </div><!-- col-lg-6 -->
                        <!-- </div> --><!-- header-c -->

                        <!-- header-r -->
                <div class="header-r fr">
                        <div class="shop fl">
                        <i class="glyphicon glyphicon-user"></i>我的商城<span class="caret  up">
                        </span>
                        <div class="shop-list">
                        <dl class="dl0">
                        <dt class="dt1"><a href="#">我的用户中心</a><i class="glyphicon glyphicon-menu-right"></i></dt>
                        <dl class="fl dl1">
                             <dd><a href="#">站内消息</a></dd>
                             <dd><a href="#">咨询回复</a></dd>
                             <dd><a href="#">代金券</a></dd>
                        </dl>
                        <dl class="fr dl2">
                        <dd><a href="#">我的订单</a><i class="glyphicon glyphicon-menu-right"></i></dd>
                       
                        <dd><a href="#">我的收藏</a><i class="glyphicon glyphicon-menu-right"></i></dd>
                        
                        <dd><a href="#">我的积分</a><i class="glyphicon glyphicon-menu-right"></i></dd>
                        </dl>
                            <dt class="fl dt2">最近浏览的商品<a href="#">全部浏览历史</a></dt>
                        </dl>
                        <p class="ts"></p>
                        </div>
                        </div>
                        <div class="cart fl"><i class="glyphicon glyphicon-shopping-cart"></i>购物车结算<span class="caret  up"></span>
                            <ul class="cart-list">
                                <li>最新加入的商品</li>
                                <li></li>
                                <li class="cart-list3"><input type="submit" class="btn js"value="结算购物车中的商品"/></li>
                            </ul>

                        </div>
                    
                </div>
                </div><!-- header-container -->
            </div><!-- header -->
            <!-- nav -->
            <div id="nav">
                <div class="container">
                    <div class="nav-list">
                        <div class="all fl">
                            <i class="glyphicon glyphicon-menu-hamburger"></i>全部分类

                            <!-- 三级导航 -->
                            <ul class="sanji">
                                <li class="sanji01 sanji0">
                                <a href="html/list.html" class="sanji00">微量元素</a>
                                 <div class="sanji1">
                                        <ul class="sanji11">
                                            <li><a href="./html/list.html">维生素C</a></li>
                                            <li><a href="./html/list.html">维生素D</a></li>
                                            <li><a href="./html/list.html">多种维生素</a></li>
                                            <li><a href="./html/list.html" >钙</a></li>
                                        </ul>
                                        <div class="sanji2"> 
                                            <p class="fl"><a href="./html/list.html">维生素</a><span> &gt;</span></p>
                                            <ul class="sanji3">
                                            <li><a href="./html/list.html" class="sanji111">维生素B</a></li>
                                                <li><a href="./html/list.html" >维生素A</a></li>
                                                <li><a href="./html/list.html">维生素B</a></li>
                                                <li><a href="./html/list.html">维生素C</a></li>
                                                <li><a href="./html/list.html">维生素D</a></li>
                                                <li><a href="./html/list.html">维生素E</a></li>
                                                <li><a href="./html/list.html">维生素K</a></li>
                                                <li><a href="./html/list.html" class="sanji55">多种维生素</a></li>
                                            </ul>
                                        </div>
                                        <div class="sanji4">
                                            <p class="fl"><a href="./html/list.html">矿物质</a><span> &gt;</span></p>
                                            <ul class="sanji5">
                                                <li><a href="./html/list.html">钙</a></li>
                                                <li><a href="./html/list.html">铁</a></li>
                                                <li><a href="./html/list.html">锌</a></li>
                                            </ul>
                                        </div>
                                        
       

   
                                    </div>

                                </li>
                                <li class="sanji02 sanji0">
                                <a href="./html/list.html" class="sanji00">营养补充</a>






                                </li>
                                <li class="sanji03 sanji0"><a href="./html/list.html" class="sanji00">健身运动</a></li>
                                <li class="sanji04 sanji0"><a href="./html/list.html" class="sanji00">美妆/个护</a></li>
                                <li class="sanji05 sanji0"><a href="./html/list.html" class="sanji00">妈咪宝贝</a></li>
                                <li class="sanji06 sanji0"><a href="./html/list.html" class="sanji00">家居/数码</a></li>
                                <li class="sanji07 sanji0"><a href="./html/list.html" class="sanji00">中西药品</a></li>
                                <li class="sanji08 sanji0"><a href="./html/list.html" class="sanji00">滋补保健</a></li>
                                <li class="sanji09 sanji0"><a href="./html/list.html" class="sanji00">性福生活</a></li>
                                <li class="sanji10 sanji0"><a href="./html/list.html" class="sanji00">环球美食</a></li>
                            </ul>


                           
                        </div>
                        <ul class="navlist fr">
                            <li><a href="./html/list.html" class="index">首页</a></li>
                            <li><a href="./html/list.html">钙铁锌</a></li>
                            <li><a href="./html/list.html">营养补充</a></li>
                            <li><a href="./html/list.html">美妆个护</a></li>
                            <li ><a href="./html/list.html" class="last">妈咪宝贝</a></li>
                    </ul>
                    </div>
                    
                </div>
                <div class="page"></div>
            </div>
            <!-- banner -->
            <div id="carousel-example-generic" class="carousel slide bybanner" data-ride="carousel">
            <!-- 下标显示 -->
                <ol class="carousel-indicators carousel-list">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>
                <!-- 图片动画部分（幻灯片效果） -->
                <div class="carousel-inner banner" role="listbox">
                    <div class="item active">
                        <img src="img/web-101-101-4.jpg"/>
                        <div class="carousel-caption">
                           <!--  <img src="img/banner.png"/>
                            <img src="img/banner.png"/> -->
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/web-101-101-5.jpg"/>
                        <div class="carousel-caption">
                           <!--  <img src="img/banner.png"/>
                            <img src="img/banner.png"/> -->
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/web-101-101-3.jpg"/>
                        <div class="carousel-caption">
                           <!--  <img src="img/banner.png"/>
                            <img src="img/banner.png"/> -->
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/web-101-101-1.jpg"/>
                        <div class="carousel-caption">
                           <!--  <img src="img/banner.png"/>
                            <img src="img/banner.png"/> -->
                        </div>
                    </div>

                    <!-- 按钮控制 -->
                <a class="left carousel-control btn-left" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control btn-right" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
                </div>
                
            </div>
            <!-- main -->
            <div id="main">
                <div class="container">
                <!-- main1 -->
                    <div class="main0 main1">
                        <ul class="main-list">
                            <!-- 这里是卖药专场 -->
                        </ul>
                    </div><!-- main1 -->

                    <!-- main2 -->
            <div class="main0 main2">
                <div class="rx"><span>热销榜单</span><span>千万妈妈　精选超值好货</span></div>

                <div id="carousel-example-generic" class="carousel slide bybanner" data-ride="carousel">
            <!-- 下标显示 -->
                <ol class="carousel-indicators carousel-list yd">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
                <!-- 图片动画部分（幻灯片效果） -->
                <div class="carousel-inner banner" role="listbox">
                    <div class="item active goodslist">
                        <ul class="main-list1 mains">
                           <!-- 这里是一个描述 -->
                        </ul>
                        <div class="carousel-caption">
                           
                        </div>
                    </div>
                    <div class="item goodslist">
                        <ul class="main-list2 mains">
                            <!-- 这里是一个描述 -->
                        </ul>
                        
                        <div class="carousel-caption">

                        </div>
                    </div>
                    <div class="item goodslist">
                        <ul class="main-list3 mains">
                            <!-- 这里是一个描述 -->
                        </ul>
                        
                        <div class="carousel-caption">

                        </div>
                    </div>
                </div>

            </div>

        </div><!-- main2 -->

        <!-- main3 -->
        <div class="main3">
        <!-- mainheader -->
            <div class="mz">
                <h3 class="fl">美妆个护</h3>
                <ul class="fr">
                    <li><a href="./html/list.html">面部护理</a></li>
                    <li><a href="./html/list.html">身体护理</a></li>
                    <li><a href="./html/list.html">女性私护</a></li>
                    <li><a href="./html/list.html">美发护发</a></li>
                    <li ><a href="./html/list.html" class="last">查看更多 &gt;</a></li>
                </ul>
            </div>
            <!-- mainbanner -->
            <div class="main3-banner">
                <img src="img/05850717074644241.jpg" alt="" />
            </div>
            <!-- mainlist -->
            <div class="main3-list">
                        <ul class="main3-list-list">
                           <!-- 美妆个护 -->
                        </ul>
                     <!--    <div class="carousel-caption">
                           
                        </div> -->
                    </div>
        </div><!-- main3 -->

        <!-- main4 -->
        <div class="main4">
        <!-- mainheader -->
            <div class="yy">
                <h3 class="fl">营养补充</h3>
                <ul class="fr">
                    <li><a href="./html/list.html">免疫调节</a></li>
                    <li><a href="./html/list.html">心脑保健</a></li>
                    <li><a href="./html/list.html">肠胃及消化</a></li>
                    <li><a href="./html/list.html">改善睡眠</a></li>
                    <li><a href="./html/list.html" class="five">关节肌肉及骨骼</a></li>
                    <li><a href="./html/list.html">肝胃养护</a></li>
                    <li><a href="./html/list.html" class="last">查看更多 &gt;</a></li>
                </ul>
            </div>
            <!-- mainbanner -->
            <div class="main4-banner">
                <img src="img/05850718729590989.jpg" alt="" />
            </div>
            <!-- mainlist -->
            <div class="main4-list">
                        <ul class="main-list4">
                          <!-- 营养补充 -->
                        </ul>
                     <!--    <div class="carousel-caption">
                           
                        </div> -->
                    </div>
        </div><!-- main4 -->



        <!-- main5 -->
        <div class="main5">
        <!-- mainheader -->
            <div class="sg">
                <h3 class="fl">三高</h3>
                <ul class="fr">
                    <li><a href="./html/list.html">血糖调节</a></li>
                    <li><a href="./html/list.html">心脑保健</a></li>
                    <li><a href="./html/list.html">逆龄养颜</a></li>
                    <li><a href="./html/list.html" class="last">查看更多 &gt;</a></li>
                </ul>
            </div>
            <!-- mainbanner -->
            <div class="main5-banner">
                <img src="img/05850720844686663.jpg" alt="" />
            </div>
            <!-- mainlist -->
            <div class="main5-list">
                        <ul class="main-list5">
                            <!-- 三高 -->
                        </ul>
                     <!--    <div class="carousel-caption">
                           
                        </div> -->
                    </div>
        </div><!-- main5 -->


        <!-- main6 -->
        <div class="main6">
        <!-- mainheader -->
            <div class="wss">
                <h3 class="fl">维生素</h3>
                <ul class="fr">
                    <li><a href="./html/list.html">维生素</a></li>
                    <li><a href="./html/list.html">矿物质</a></li>
                    <li><a href="./html/list.html" class="last">查看更多 &gt;</a></li>
                </ul>
            </div>
            <!-- mainbanner -->
            <div class="main6-banner">
                <img src="img/05850714987522122.jpg" alt="" />
            </div>
            <!-- mainlist -->
            <div class="main6-list">
                        <ul class="main-list6">
                            <!-- 维生素 -->
                        </ul>
                     <!--    <div class="carousel-caption">
                           
                        </div> -->
                    </div>
        </div><!-- main6 -->


        <!-- main7 -->
        <div class="main7">
        <!-- mainheader -->
            <div class="db">
                <h3 class="fl">乳清蛋白</h3>
                <ul class="fr">
                    <li><a href="./html/list.html">蛋白质</a></li>
                    <li><a href="./html/list.html">增肌</a></li>
                    <li><a href="./html/list.html">减脂</a></li>
                    <li><a href="./html/list.html">善食代餐</a></li>
                    <li><a href="./html/list.html" class="last">查看更多 &gt;</a></li>
                </ul>
            </div>
            <!-- mainbanner -->
            <div class="main7-banner">
                <img src="img/05850731118993739.jpg" alt="" />
            </div>
            <!-- mainlist -->
            <div class="main7-list">
                        <ul class="main-list7">
                            <!-- 乳清蛋白 -->
                        </ul>
                     <!--    <div class="carousel-caption">
                           
                        </div> -->
                    </div>
        </div><!-- main7 -->
        

        <!-- main8 -->
        <div class="main8">
        <!-- mainheader -->
            <div class="jt">
                <h3 class="fl">家庭养护</h3>
                <ul class="fr">
                    <li><a href="./html/list.html">保健器械</a></li>
                    <li><a href="./html/list.html">护理护具</a></li>
                    <li><a href="./html/list.html">中西药品</a></li>
                    <li><a href="./html/list.html">性福生活</a></li>
                    <li><a href="./html/list.html" class="last">查看更多 &gt;</a></li>
                </ul>
            </div>
            <!-- mainbanner -->
            <div class="main8-banner">
                <img src="img/05851336352966974.jpg" alt="" />
            </div>
            <!-- mainlist -->
            <div class="main8-list">
                        <ul class="main-list8">
                            <!-- 家庭养护 -->
                        </ul>
                     <!--    <div class="carousel-caption">
                           
                        </div> -->
                    </div>
        </div><!-- main8 -->


        <!-- main9 -->
        <div class="main9">
            <div class="tj">
            <span>为你推荐</span>
            <span>根据浏览记录推荐商品</span>
            </div>
    
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- 下标显示 -->
                <ol class="carousel-indicators carousel-list yd">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
                <!-- 图片动画部分（幻灯片效果） -->
                <div class="main-banner-list" role="listbox">
                    <div class="item active">
                        <ul class="main-list9">
                           <!-- 这里是一个描述 -->
                        </ul>
                        <!-- <div class="carousel-caption">
                        </div> -->
                    </div>
                </div>
                <!-- 按钮控制 -->
                <a class="left carousel-control btn-left" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control btn-right" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div> 































        </div>
        <!-- mian9 -->






                </div>
            </div>
            <!-- bottom -->
            <div id="bottom">
                <div class="container">
                    <div class="bimg"><a href="index.html" title="首页通栏"><img src="img/05755720756187385.jpg"/></a></div>
                    <div class="bimg2"><img src="img/zhaoshang09_03.jpg"/></div>
                </div>
            </div>
            <!-- footer -->
            <div id="footer">
                <div class="container">
                    <div class="footer-l fl">
                        <h1>百洋健康</h1>
                        <div class="gz">
                            <span>关注我们</span>
                            <a href="#"><img src="img/weibo02.png"/></a>
                            <a href="#"><img src="img/weixin01.png"/></a>
                        
                        <div class="wb">
                        <img src="img/weibo_qr.jpg"class="weibo"/>
                        <img src="img/wexin_qr02.jpg"class="weixin"/>
                        </div>
                        </div>
                    </div>
                    <div class="footer-c fl">
                        <ul>
                            <li>新手指南
                            <dl>
                                <a href="#"><dd>购买流程</dd></a>
                                <a href="#"><dd>支付方式</dd></a>
                                <a href="#"><dd>通关税费</dd></a>
                            </dl>

                            </li>
                            <li>售后服务
                                <dl>
                                    <a href="#"><dd>退货政策</dd></a>
                                    <a href="#"><dd>退货流程</dd></a>
                                    <a href="#"><dd>退货细则</dd></a>
                                    <a href="#"><dd>退款流程</dd></a>
                                </dl>
                            </li>
                            <li>物流配送
                                <dl>
                                <a href="#"><dd>配送方式</dd></a>
                                <a href="#"><dd>物流跟踪</dd></a>
                                <a href="#"><dd>自选物流</dd></a>
                            </dl>
                            </li>
                            <li>关于我们
                                <dl>
                                <a href="#"><dd>公司简介</dd></a>
                                <a href="#"><dd>联系我们</dd></a>
                                <a href="#"><dd>招商合作</dd></a>
                            </dl>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-r fr">
                        <div class="wapp fl">
                            <p class="tp"><img src="img/weixin-qr.jpg" alt="" /></p>
                            <p class="wz">扫描进入微信商城</p>
                        </div>
                        <div class="app fl">
                            <p class="tp"><img src="img/app-qr.jpg" alt="" /></p>
                            <p class="wz">扫描下载百洋APP</p>
                        </div>
                    </div>
                </div>
            </div>


            <div id="end">
                <div class="container">
                    <div class="end1">
                        <a href="#"  class="end11">首页</a>
                        <a href="#">联系我们</a>
                    </div>
                    <p class="end2">版权所有 © 2007-2018 青岛百洋健康药房连锁有限公司 百洋健康 鲁ICP备09091598号</p>
                    <div class="end3">
                        <a href="#"><img src="img/jubao.jpg" alt="" /></a>
                        <a href="#"><img src="img/chengxin.jpg" alt="" /></a>
                        <a href="#"><img src="img/hangye.jpg" alt="" /></a>
                    </div>
                </div>
            </div>
    </div><!-- baiyang -->
    <div id="side">
        <div class="pos">
        <div class="login">
        <a href="#">
            <img src="img/05755058785008341.jpg" alt="" />
        </a>
        <div class="details" id="details">会员登录</div>
        <div class="form">
            <div class="log">
            <span style="position:absolute;right:20px;top:0px;">&times;</span>
                <label for="username">登录名</label><br>
                <input type="text" id="username" name="username"/>
                
            </div>
            <div class="psw">
                <label for="password">登录密码
                    <a href="#">忘记密码?</a>
                </label><br>
                <input type="password" id="password" name="password"/>
                
            </div>
            <div class="code">
                <label for="code">
                    验证码
                    <span class="udcode">更换验证码</span>
                </label><br>
                <input type="text" id="code"/><span class="showcode"></span>
            </div>
            <div class="ts">
                
            </div>
        <div class="lg"><a href="index.html">确认</a></div>
        <div class="zc">
            <a href="html/reg.html">注册新用户</a>
        </div>
        </div>
        
        </div>
        <div class="car">
            <a href="#"><i class="glyphicon glyphicon-shopping-cart" id="end"></i>
            购物车</a>
        </div>
        <div class="msg">
            <a href="#"><i class="glyphicon glyphicon-comment"></i></a>
            <div class="details" id="details">在线联系</div>
        </div>
        <div class="comp">
            <a href="#"><i class="glyphicon glyphicon-tent"></i></a>
            <div class="details" id="details">商品对比</div>
        </div>
        </div>
        <div class="back">
            <a href="#">
            <i class="glyphicon glyphicon-arrow-up"></i>TOP</a>
            <div class="details" id="details">返回顶部</div>
        </div>
        
    </div>
    <div class="cart_list">
            <p class="sl"><span class="fl" style="font-size:24px">我的购物车</span><span class="fr"><i class="glyphicon glyphicon-remove-sign gb"></i></span></p>
            <ul></ul>
        </div>
</body>

</html>